<template>
  <div class="login">
    <LoginPanel />
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import LoginPanel from './cpns/login-panel.vue'

export default defineComponent({
  components: { LoginPanel },
  setup() {
    return {}
  }
})
</script>

<style lang="less" scope>
.login {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  // background: url('@/assets/img/background_img.jpg');
  background: url('@/assets/img/background_img.jpg') center center no-repeat;
  background-size: 100% 100%;
}
</style>
